<html >
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>我的卡券</title>
        <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
        <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
    </head>
    <style >
        html{font-size: 20px}
        ion-content{margin: 1em}
        .bar-positive h4{
            background-color: #07E9A1;
          /*  text-align: center;*/
            color:#fff;
            height: 2rem;
            line-height: 2rem;
            margin-top: 0;
            margin-bottom: 0;
            letter-spacing: 0.1rem;
        }
        .row{
            height: 7rem;
            width: 90%;
            background:url("img/kaquan.png") no-repeat;
            background-size: 100% 100%;
            margin: 1em 1em;
            padding: 1em 1em;
            color: #fff;
        }
        .col-demo .span{
            font-size: 1rem;

        }
        .span i{
            margin: 0 0.4rem;
        }
         button.button-positive.button-outline {
            border-color: #fff !important;
            background: transparent;
            color: #fff !important;

        }
        .span02 i{
            margin: 0 0.1rem;
        }
        p{
            margin: 0.8rem 0;
        }
        .col-demo .button {
            line-height: 1.5rem;
            height: 1.5rem;
            min-height: 0.5rem ;
            border-radius: 1rem;
            width: 5rem;
           
        }
        .title a{
          vertical-align: middle;
          margin-right: 30%;
        }

        
    </style>
    <body >

     <ion-header-bar  class="bar-positive ">
             <h4 class="title">
                <ion-nav-buttons side="left" >
                  <a href="javascript:history.back(-1)" class="button button-icon icon ion-ios-arrow-back" nav-direction="back"></a>
                </ion-nav-buttons>
             我的卡券
         </h4>
     </ion-header-bar>

     <ion-content>
        <div class="row">
             <div class="col col-demo">
                    <span class="span">满<i></i>20<i></i>间<i></i>10<i></i>券</span>
               
                    <p></p>
                    <span class="span02">满<i></i>20<i></i>间<i></i>10<i></i>券</span>
                    <p></p>
                   
                    <button class="button button-outline button-positive">使用</button>
            </div>
           
            
        </div>
        
     </ion-content>
    
  </body>
</html>

